<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>铁路客户服务中心----我的12306</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/buy.css" />
		<!--<script src="js/WdatePicker.js"></script>--> 	
		
	</head>

	<body>
		<!--页头-->
		<header>
			<div class="login_bg">
					<a href="index.html">
						<div class="login">
						
						</div>
					</a>
					<div class="login-info">

						<div class="phone-link">
							<a href="#" target="true">手机版</a>
						</div>
						<div class="menu">
							<a href="mine.html" class="menu-bd" id="js-my">我的12306<b></b>
							</a>
							<div class="menu-list" style="display: none;"><b></b>
								<ul>
									<li>
										<a href="#">未完成订单</a>
									</li>
									<li>
										<a href="#">已完成订单(改/退)</a>
									</li>
									<li class="line"></li>
									<li>
										<a href="#" target="_blank">我的餐饮</a>
									</li>
									<li>
										<a href="#">我的保险</a>
									</li>
									<li class="line"></li>
									<li>
										<a href="#">查看个人信息</a>
									</li>
									<li>
										<a href="#">账户安全</a>
									</li>
									<li class="line"></li>
									<li>
										<a href="#">常用联系人</a>
									</li>
									<li class="line"></li>
									<li>
										<a href="#">温馨服务查询</a>
									</li>
								</ul>
							</div>
						</div>
						<span class="login-txt" style="color: #666666">
<a id="login_user" href="frame.html" class="colorA" style="margin-left:-0.5px;">登录</a>
| <span>意见反馈:<a class="cursor colorA" href="mailto:12306yjfk@rails.com.cn">12306yjfk@rails.com.cn</a>
          您好，请</span>
						<a id="regist_out" href="register.html">注册</a>
						</span>
					</div>
					<div class="nav">
						<ul>
							<li>
								<a href="index.html">客运首页</a>
							</li>
							<li id="selectYuding">
								<a href="#">车票预订</a>
							</li>
							<li>
								<a href="#" target="_blank">订餐服务</a>
							</li>
							<li style="width: 71px;" id="js-xd" class="nav-guide">
								<a href="javascript:">出行向导</a>
								<div class="nav-list">
									<ul style="font-weight:normal">
										<li>
											<a href="#">车次查询</a>
										</li>
										<li>
											<a href="#">票价查询</a>
										</li>
										<li>
											<a href="#">公布票价查询</a>
										</li>
										<li>
											<a href="#">车站车次查询</a>
										</li>
										<li>
											<a href="#">中转查询</a>
										</li>
										<li>
											<a href="#">正晚点查询</a>
										</li>
										<li>
											<a href="#">代售点查询</a>
										</li>
									</ul>
								</div>
							</li>
							<li id="selectHelp">
								<a href="#">信息服务</a>
							</li>
						</ul>
					</div>
				</div>
		</header>

		<!--内容-->

		<div class="content">
			<div style="height: 0px; line-height: 32px;width: 962px;position: relative; margin:auto;">
				您现在的位置：
				<a href="index.html" style="color: #333333;" shape="rect">客运首页</a>

				&nbsp;&gt;&nbsp;
				<strong>我的12306</strong>
			</div>
			<div class="cont">
				<div class="seek" >
					<div class="sidebar">
						<div class="layout my">
							<div class="lay-hd">列车信息</div>
								<div id="js-my12306" class="lay-bd ">
									<table class="table">
					 					<tr>
					 						<td>
					 						<b>2017-08-18(周五)</b>&nbsp;
					 						<b>G381</b>次&nbsp;
					 						<b>北京南</b>站&nbsp;
					 						<b>（07:53开）</b>&nbsp;--
					 						<b>哈尔滨西</b>站（14:59到）
					 						</td>
					 					</tr>
					 					
					 					<tr>
					 						<td>
					 						特等座（<span>￥1019.0</span>）1张票 											&nbsp;&nbsp;&nbsp;
					 						一等座（<span>￥834.0</span>）无票
					 						&nbsp;&nbsp;&nbsp;
					 						二等座（<span>￥541.0</span>）有票
					 						</td>
					 					</tr>
 					
 					
 					
 					
									</table>
									
										
								</div>
							
							</div>
						<div class="layout my mm">
							<div class="lay-hd">用户信息</div>
								<div id="js-my12306" class="lay-bd ">
									<table class="table ">
										<tbody id="tab1">
					 					<tr>
					 						<th>票价</th>
					 						<th>席位信息</th>
					 						<th>票种</th>
					 						<th>姓名</th>
					 						<th>身份证号码</th>
					 						<th>手机号码</th>
					 							
					 					</tr>
 					
					 					<tr class="tdres">
					 						<td>345.0</td>
					 						<td>
					 							<select>
												  <option value="特等座">特等座</option>
												  <option value="一等座">一等座</option>
												  <option value="二等座">二等座</option>
												  <option value="硬座">硬座</option>
												  <option value="软座">软座</option>
												  <option value="硬卧">硬卧</option>
												  <option value="软卧">软卧</option>
												  <option value="站票">站票</option>
												</select>
					 						</td>
					 						<td>成人</td>
					 						<td>
					 							<input type="text" name="" id="" value="" placeholder="请输入姓名" />
					 						</td>
					 						<td>
					 							<input type="text" name="" id="" value="" placeholder="请输入身份证号" />
					 						</td>
					 						<td>
					 							<input type="text" name="" id="" value="" placeholder="请输入手机号" />
					 						</td>
					 						<td>
					 							<input type="button" class="btn btn-primary btn-sm re_man" name="" id="" value="删除" />
					 						</td>
					 					</tr>
					 					<tr id="trees">
					 						<td>
					 							<input type="button" class="btn btn-primary btn-sm" name="" id="add_man" value="新增乘客" />
					 						</td>
					 						<td>
					 							<input type="button" class="btn btn-primary btn-sm" name="" id="" value="提交订单" />
					 						</td>
					 						
					 						
					 					</tr>
 					
 					
 					</tbody>
									</table>
									<script type="text/javascript">
//										var a = document.getElementsByClassName("tdres")[0];
//										alert(a.innerHTML);
										var oTab = document.getElementById("tab1");
										var oAdd = document.getElementById("add_man");
										var oTrees = document.getElementById("trees");
										var num=1;
										var oRr=document.getElementsByClassName("re_man");
										oAdd.onclick=function(){
//											alert("a")
											var aTr = oTab.getElementsByTagName("tr");
											var oTd = document.createElement("tr");
//											num++;
											oTd.innerHTML = "<tr class='tdres'><td>345.0</td><td><select><option value='特等座'>特等座</option><option value='一等座'>一等座</option><option value='二等座'>二等座</option><option value='硬座'>硬座</option><option value='软座'>软座</option><option value='硬卧'>硬卧</option> <option value='软卧'>软卧</option><option value='站票'>站票</option></select></td><td>成人</td><td><input type='text' name='' id='' value='' placeholder='请输入姓名' /></td><td><input type='text' name='' id='' value='' placeholder='请输入身份证号' /></td><td><input type='text' name='' id='' value='' placeholder='请输入手机号' /></td><td><input type='button' class='btn btn-primary btn-sm re_man' name='' id='' value='删除' /></td></tr>";
											oTab.insertBefore(oTd,oTrees);
//											alert(oRr.length);
											for(var i=0;i<oRr.length;i++){
											oRr[i].onclick=function(){
												this.parentNode.parentNode.remove();
											}
											
										}
										}	
										
//										oRr.onclick=function(){
//											this.parentNode.parentNode.remove();
//										}
										
									</script>
										
								</div>
							
							</div>
						</div>
					</div>
				</div>
					
				</div>
								
			
				
		<!--页脚-->
		<div class="footer">
			<p>
				<a href="#" target="true">关于我们</a>
				|
				<a href="#" target="true">网站声明</a>
			</p>
			<p>版权所有 © 2008-2017 中国铁路信息技术中心 中国铁道科学研究院</p>
			<p>京ICP备15003716号-3&nbsp;&nbsp;|&nbsp;&nbsp;京ICP证150437号</p>
		</div>
	</body>

</html>